<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>AppleHome</title>
		<link rel="stylesheet" href="css/semantic.css" />
	</head>
	<body>
		<div class="ui borderless fluid fitted inverted fixed nine item menu">
			<a href="#" class="item">
				<div class="ui image">
					<img src="images/appleicon.png" />
				</div>
			</a>
			<a href="#" class="item">Mac</a>
			<a href="#" class="item">iPad</a>
			<a href="#" class="item">iPhone</a>
			<a href="#" class="item">iWatch</a>
			<a href="#" class="item">Music</a>
			<a href="#" class="item">技术支持</a>
			<a href="#" class="item">
				<div class="ui image">
					<img src="images/buyicon.png" />
				</div>
			</a>
			<a href="#" class="item">
				<div class="ui image">
					<img src="images/searchicon.png" />
				</div>
			</a>
		</div>
		<!--
        	作者：chenbinghuilove@sina.com
        	时间：2017-11-06
        	描述：basic的使用说明，注意考虑一下“消除了banner图下面的白边
        -->
		<div class="ui secondary vertical basic segment">
			<div class="ui image">
				<img src="images/banner_apple.png" />
			</div>
		</div>
		<div class="ui secondary vertical basic segment">
			<div class="ui fitted text menu">
				<div class="item">
					<img class="ui image" src="images/img1.png" />
				</div>
				<div class="item">
					<img class="ui image" src="images/img2.png" />
				</div>

				<div class="item">
					<img class="ui image" src="images/img3.png" />
				</div>
				<div class="item">
					<img class="ui image" src="images/img4.png" />
				</div>
			</div>
		</div>
		<div class="ui very padded vertical segment">
			<div class="ui container">
				<div class="sub header">
                    双镜头摄像头仅于 iPhone 7 Plus 提供。亮黑色外观仅于 128GB 及以上存储容量的机型提供。
                </div>
                <div class="ui divider"></div>
                <div class="ui five column grid">
                		<div class="column">
                			<div class="ui vertical text menu">
                				<div class="item">
                					<h4>Apple Store 商店</h4>
                					<a class="item">
                               		 查找零售店
                            		</a>
                            		<a class="item">
                                		iPad
                            		</a>
                           	    <a class="item">
                                		iPhone
                            		</a>
                            		<a class="item">
                                		Watch
                            		</a>
                            		<a class="item">
                                		iPod
                            		</a>
                				</div>
                			</div>
                		</div>
                		<div class="column">
                			<div class="ui vertical text menu">
                				<div class="item">
                					<h4>Apple Store 商店</h4>
                					<a class="item">
                               		 查找零售店
                            		</a>
                            		<a class="item">
                                		iPad
                            		</a>
                           	    <a class="item">
                                		iPhone
                            		</a>
                            		<a class="item">
                                		Watch
                            		</a>
                            		<a class="item">
                                		iPod
                            		</a>
                				</div>
                			</div>
                		</div>
                		<div class="column">
                			<div class="ui vertical text menu">
                				<div class="item">
                					<h4>Apple Store 商店</h4>
                					<a class="item">
                               		 查找零售店
                            		</a>
                            		<a class="item">
                                		iPad
                            		</a>
                           	    <a class="item">
                                		iPhone
                            		</a>
                            		<a class="item">
                                		Watch
                            		</a>
                            		<a class="item">
                                		iPod
                            		</a>
                				</div>
                			</div>
                		</div>
                		<div class="column">
                			<div class="ui vertical text menu">
                				<div class="item">
                					<h4>Apple Store 商店</h4>
                					<a class="item">
                               		 查找零售店
                            		</a>
                            		<a class="item">
                                		iPad
                            		</a>
                           	    <a class="item">
                                		iPhone
                            		</a>
                            		<a class="item">
                                		Watch
                            		</a>
                            		<a class="item">
                                		iPod
                            		</a>
                				</div>
                			</div>
                		</div>
                		<div class="column">
                			<div class="ui vertical text menu">
                				<div class="item">
                					<h4>Apple Store 商店</h4>
                					<a class="item">
                               		 查找零售店
                            		</a>
                            		<a class="item">
                                		iPad
                            		</a>
                           	    <a class="item">
                                		iPhone
                            		</a>
                            		<a class="item">
                                		Watch
                            		</a>
                            		<a class="item">
                                		iPod
                            		</a>
                				</div>
                			</div>
                		</div>
                	</div>	
			</div>
		</div>
	</body>
</html>
